<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- to force a reload -->
    <meta http-equiv="cache-control" content="max-age=0" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
    <meta http-equiv="pragma" content="no-cache" />

    <title>循环放置 - Idle Loops</title>
    <link rel="stylesheet" href="stylesheet.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
    
    <script type='text/javascript' src='https://cdn.bootcss.com/Chart.js/2.7.2/Chart.min.js'></script>
    <script src="jquery.min.js"></script>
</head>
<body id="theBody" style="min-width:1210px">
    <div id="timeInfo" style="width:100%;text-align:center;">
        <div style="width:100%;height:10px;background:white;text-align:center;position:relative;">
            <div id="timeBar" style="height:100%;width:20%;background-color:#8293ff;display:block;margin:auto;"></div>
        </div>
        <div id='menu' style='float:left;height:30px;'></div>
        <div id='menu2' style='float:left;height:30px;width: 150px;opacity: 0.05'></div>
        <div id='trackedResources'></div>
        <br>
        <div id='timeControls'></div>
    </div>

    <div id="statsColumn" style="width:410px;vertical-align:top;">
        <div id="statsWindow" style="width:90%;margin-left:12px;text-align:center;position:relative;">
            <div class="showthat">
                <div class="large bold localized" data-lockey="stats>title"></div>
                <div class="showthis localized" data-lockey="stats>tooltip>explanation" style="width:550px;"></div>
            </div><br>
            <input type="radio" id="regularStats" name="statView" onclick="view.changeStatView()" checked />
            <label for="regularStats" class="localized" data-lockey="stats>view>regular"></label>
            <input type="radio" id="radarStats" name="statView" onclick="view.changeStatView()" />
            <label for="radarStats" class="localized" data-lockey="stats>view>radar"></label>
            <div class="showthat" id="radarChart">
                <canvas id="statChartCtx" width="350" height="350"></canvas>
                <div class="showthis localized" style="margin-top:20px;width:375px" data-lockey="stats>tooltip>graph_legend"></div>
            </div>
            <div id="statContainer" style="width:100%;position:absolute;top:18px;left:0;"></div><br>
            <div id="skillList" style="width:100%;margin-top:25px;display:none">
                <div class="showthat">
                    <div class="large bold localized" data-lockey="skills>title"></div>
                    <div class="showthis localized" data-lockey="skills>tooltip>no_reset_on_restart"></div>
                </div><br>
                <div class="skillContainer showthat" id="skillSCombatContainer">
                    <div class="skillLabel medium bold localized" data-lockey="skills>scombat>label"></div>
                    <div class="statNum medium"><div id="skillSCombatLevel">0</div></div>
                    <div style="margin-top:18px;"></div>
                    <div class="showthis">
                        <span class="localized" data-lockey="skills>scombat>desc"></span><br>
                    </div>
                </div>
                <div class="skillContainer showthat" id="skillTCombatContainer">
                    <div class="skillLabel medium bold localized" data-lockey="skills>tcombat>label"></div>
                    <div class="statNum medium"><div id="skillTCombatLevel">0</div></div>
                    <div style="margin-top:18px;"></div>
                    <div class="showthis">
                        <span class="localized" data-lockey="skills>tcombat>desc"></span><br>
                    </div>
                </div>
                <div class="skillContainer showthat" id="skillCombatContainer">
                    <div class="skillLabel medium bold localized" data-lockey="skills>combat>label"></div>
                    <div class="statNum medium"><div id="skillCombatLevel">0</div></div>
                    <div style="margin-top:18px;"></div>
                    <div class="thinProgressBarUpper"><div class="statBar skillExpBar townExpBar" id="skillCombatLevelBar"></div></div>
                    <div class="showthis">
                        <span class="localized" data-lockey="skills>combat>desc"></span><br>
                        <div class="medium bold localized" data-lockey="skills>tooltip>level"></div> <div id="skillCombatLevelExp"></div>/<div id="skillCombatLevelExpNeeded"></div> <div class="statTooltipPerc">(<div id="skillCombatLevelProgress"></div>%)</div><br>
                    </div>
                </div>
                <div class="skillContainer showthat" id="skillMagicContainer">
                    <div class="skillLabel medium bold localized" data-lockey="skills>magic>label"></div>
                    <div class="statNum medium"><div id="skillMagicLevel">0</div></div>
                    <div style="margin-top:18px;"></div>
                    <div class="thinProgressBarUpper"><div class="statBar skillExpBar townExpBar" id="skillMagicLevelBar"></div></div>
                    <div class="showthis">
                        <span class="localized" data-lockey="skills>magic>desc"></span><br>
                        <div class="medium bold localized" data-lockey="skills>tooltip>level"></div> <div id="skillMagicLevelExp"></div>/<div id="skillMagicLevelExpNeeded"></div> <div class="statTooltipPerc">(<div id="skillMagicLevelProgress"></div>%)</div><br>
                    </div>
                </div>
                <div class="skillContainer showthat" id="skillPracticalContainer">
                    <div class="skillLabel medium bold localized" data-lockey="skills>practical_magic>label"></div>
                    <div class="statNum medium"><div id="skillPracticalLevel">0</div></div>
                    <div style="margin-top:18px;"></div>
                    <div class="thinProgressBarUpper"><div class="statBar skillExpBar townExpBar" id="skillPracticalLevelBar"></div></div>

                    <div class="showthis" style="width:490px">
                        <span class="localized" data-lockey="skills>practical_magic>desc"></span><br><br>
                        <div class="medium bold localized" data-lockey="skills>tooltip>level"></div> <div id="skillPracticalLevelExp"></div>/<div id="skillPracticalLevelExpNeeded"></div> <div class="statTooltipPerc">(<div id="skillPracticalLevelProgress"></div>%)</div><br>
                        <span class="localized" data-lockey="skills>practical_magic>desc2"></span>

                    </div>
                </div>
                <div class="skillContainer showthat" id="skillAlchemyContainer">
                    <div class="skillLabel medium bold localized" data-lockey="skills>alchemy>label">Alchemy</div>
                    <div class="statNum medium"><div id="skillAlchemyLevel">0</div></div>
                    <div style="margin-top:18px;"></div>
                    <div class="thinProgressBarUpper"><div class="statBar skillExpBar townExpBar" id="skillAlchemyLevelBar"></div></div>
                    <div class="showthis">
                        <span class="localized" data-lockey="skills>alchemy>desc"></span><br>
                        <div class="medium bold localized" data-lockey="skills>tooltip>level"></div> <div id="skillAlchemyLevelExp"></div>/<div id="skillAlchemyLevelExpNeeded"></div> <div class="statTooltipPerc">(<div id="skillAlchemyLevelProgress"></div>%)</div><br>
                        <span class="localized" data-lockey="skills>alchemy>desc2"></span><br>
                    </div>
                </div>
                <div class="skillContainer showthat" id="skillCraftingContainer">
                    <div class="skillLabel medium bold">工艺</div>
                    <div class="statNum medium"><div id="skillCraftingLevel">0</div></div>
                    <div style="margin-top:18px;"></div>
                    <div class="thinProgressBarUpper"><div class="statBar skillExpBar townExpBar" id="skillCraftingLevelBar"></div></div>
                    <div class="showthis">
                        干体力活时，使用你的手和创造力的技能。<br>
                        <div class="medium bold">Level</div> <div id="skillCraftingLevelExp"></div>/<div id="skillCraftingLevelExpNeeded"></div> <div class="statTooltipPerc">(<div id="skillCraftingLevelProgress"></div>%)</div><br>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="actionsColumn" style="width:350px;vertical-align:top;">
        <div id="actionList" style="width:100%;text-align:center;">
            <div class="showthat">
                <div class="large bold localized" data-lockey="actions>title_list"></div>
                <div class="showthis">
                    <i class='actionIcon fa fa-circle-thin'></i> <span class='localized' data-lockey="actions>tooltip>icons>circle_thin"></span><br>
                    <i class='actionIcon fa fa-plus'></i> <span class='localized' data-lockey="actions>tooltip>icons>plus"></span><br>
                    <i class='actionIcon fa fa-minus'></i> <span class='localized' data-lockey="actions>tooltip>icons>minus"></span><br>
                    <i class='actionIcon fa fa-arrows-h'></i> <span class='localized' data-lockey="actions>tooltip>icons>arrows_h"></span><br>
                    <i class='actionIcon fa fa-sort-up'></i> <span class='localized' data-lockey="actions>tooltip>icons>sort_up"></span><br>
                    <i class='actionIcon fa fa-sort-down'></i> <span class='localized' data-lockey="actions>tooltip>icons>sort_down"></span><br>
                    <i class='actionIcon fa fa-times'></i> <span class='localized' data-lockey="actions>tooltip>icons>times"></span><br>
                    <span class='localized' data-lockey="actions>tooltip>list_explanation"></span>
                </div>
            </div><br>
            <div id="expandableList">
                <div style="width:35%;height:100%;background-color:#c2e6cc;text-align:center;vertical-align:top;position:relative;">
                    <div id="curActionsList" style="margin-top:10px;text-align:left;max-height:457px;overflow:auto;width:100%;"></div>
                    <div class="showthat" style="position:absolute;bottom:0;left:0;width:100%;">
                        <div class="bold localized" data-lockey="actions>tooltip>mana_used"></div> <div id="totalTicks"></div>
                        <div class="showthis localized" data-lockey="actions>tooltip>mana_used_explanation"></div>
                    </div>
                </div><div style="width:65%;height:100%;background-color:#cdded2;text-align:center;vertical-align:top;position:relative;">
                    <div id="nextActionsList" style="margin-top:10px;width:100%;text-align:left;max-height:457px;overflow:auto;"></div>
                    <div id="actionTooltipContainer" style="margin-top:10px;width:100%;text-align:left;max-height:357px;overflow:auto;"></div>
                    <div style="position:absolute;bottom:0;left:0;width:100%;">
                        <div class="bold localized" data-lockey="actions>tooltip>amount"></div>
                        <div class="button" id="amount1" onclick="changeActionAmount(1, 1)">1</div>
                        <div class="button" id="amount2" onclick="changeActionAmount(5, 2)">5</div>
                        <div class="button" id="amount3" onclick="changeActionAmount(10, 3)">10</div>
                    </div>
                </div>
            </div>
            <div id="actionChanges" style="text-align:left;width:100%;margin-top:5px;">
                <div>
                    <input type="checkbox" id="currentListActive">
                    <label for="currentListActive" class="localized" data-lockey="actions>tooltip>current_list_active"></label><br>
                    <input type="checkbox" id="repeatLastAction">
                    <label for="repeatLastAction" class="localized" data-lockey="actions>tooltip>repeat_last_action"></label><br>
                    <input type="checkbox" id="addActionTop">
                    <label for="addActionTop" class="localized" data-lockey="actions>tooltip>add_action_top"></label>
                </div>
                <div style="float:right;text-align:right;">
                    <div class="bold localized" style="margin-top:3px;" data-lockey="actions>title_loadout"></div>
                    <div class="button unused" id="load1" onclick="selectLoadout(1)">1</div>
                    <div class="button unused" id="load2" onclick="selectLoadout(2)">2</div>
                    <div class="button unused" id="load3" onclick="selectLoadout(3)">3</div>
                    <div class="button unused" id="load4" onclick="selectLoadout(4)">4</div><br>
                    <div class="button localized" style="margin-bottom:5px;margin-top:5px;" onclick="saveList()" data-lockey="actions>tooltip>save_loadout"></div><br>
                    <div class="button localized" onclick="loadList()" data-lockey="actions>tooltip>load_loadout"></div><br>
                    <div class="button localized" onclick="clearList()" data-lockey="actions>tooltip>clear_list"></div>
                </div>
            </div>
        </div>

        <div id="spells" style="width:100%;text-align:center;margin-top:10px;display:none">
            <div class="showthat">
                <div class="large bold localized" data-lockey="spells>title"></div>
                <div class="showthis">
                </div>
            </div><br>
            <div style="width:100%;padding-top:5px;">
            </div>
        </div>

    </div>

    <div id="townColumn" style="width:535px;vertical-align:top;">
        <div id="townWindow" style="width:100%;text-align:center;">
            <div style="float:left;margin-left:150px;" class="actionIcon fa fa-arrow-left" id="townViewLeft" onclick="view.showTown(townShowing-1)"></div>
            <div class="showthat">
                <div class="large bold"><div class="bold" id="townName"></div></div>
                <div id='townDesc' class='showthis'></div>
            </div>
            <div style="float:right;margin-right:150px;" class="actionIcon fa fa-arrow-right" id="townViewRight" onclick="view.showTown(townShowing+1)"></div>
        </div><br>
        <div id="townInfo0" class='townInfo'></div>
        <div id="townInfo1" class='townInfo' style="display:none;"></div>
        <div id="townInfo2" class='townInfo' style="display:none;"></div>

        <div class="showthat" style="display:block;margin:10px auto 2px auto;text-align:center;">
            <span class='large bold localized' data-lockey="actions>title"></span>
            <div class='showthis localized' data-lockey="actions>tooltip>desc"></div>
        </div>
        <div id="actionOptionsTown0" class='actionOptions'></div>
        <div id="actionOptionsTown1" class='actionOptions' style="display:none;"></div>
        <div id="actionOptionsTown2" class='actionOptions' style="display:none;"></div>
    </div>

    <div id="tutorial" style="position:absolute;width:100%;height:100%;left:0;top:0;">
        <div style="width:100%;height:100%;background-color:grey;position:relative;opacity:.5"></div>
        <div style="padding:20px;background-color:#e4ece5;border:1px solid black;position:absolute;text-align:left;left:150px;top:150px;">
            <span class="localized" data-lockey="tutorial"></span>
            <div class="button" onclick="closeTutorial()">确定</div>
        </div>
    </div>
<script src="zh.js"></script>
    <script src="helpers.js?15"></script>
    <script src="interval.js?15"></script>
    <script src="driver.js?15"></script>
    <script src="stats.js?15"></script>
    <script src="statsgraph.js?15"></script>
    <script src="views/main.view.js?15"></script>
    <script src="actions.js?15"></script>
    <script src="actionList.js?15"></script>
    <script src="town.js?15"></script>
    <script src="saving.js?15"></script>
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
                m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-60978932-1', 'auto');
        ga('send', 'pageview');

    </script>
    <script src="localization.js?13"></script>
    <script src="views/views.js?13"></script>
    <script src="views/menu.view.js?13"></script>
    <script src="views/trackedresources.view.js?13"></script>
    <script src="views/timecontrols.view.js?13"></script>
    <script>
        $(function() {
            Localization.init();
            window._txt = Localization.txt; // binding the _txt function for simplier use
            window._txtsObj = Localization.txtsObj; // binding the _txt function for simplier use
            Localization.loadLib('game',function() { // we load the "game.xml" library, then startup the game.
                Views.draw();
                Localization.localizePage("game");
                startGame();
            });
        })
    </script>
<!--客服 开始-->
<script src="https://cdn.jsdelivr.net/gh/g8hh/g8hh.github.io/static/js/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/g8hh/g8hh.github.io/static/css/kf.css" type="text/css" media="screen" charset="utf-8">
<script src="https://cdn.jsdelivr.net/gh/g8hh/g8hh.github.io/static/js/kf.js"></script>
<!-- 客服 结束 -->
<!--站长统计-->
    <div style="display: none">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?dbb7ff142f4d4b68546c93b9cd6e9328";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
    </div>
<style>
    div.main-im div{display: block;}
    </style>
<!--    <script src="idleloops-predictor.user.js"></script>-->
<script>
    var html="";
    html += "<input type='button' id='kxj2'  value='点击启用循环助手'><br>";
//       html += "<span style='color:red;font-size:12px;'><br>* 如果已启用，然后不想用了，请保存游戏,然后刷新游戏，即可。</span><br>";
    $("#menu2").append(html);
    var ok = false;
			$("#kxj2").click(function() {
				if(ok != true) {
					$("#kxj2").text("循环助手已启用")
					document.body.appendChild(document.createElement('script')).src = 'idleloops-predictor.user.js';
					ok = true;
				}else{
					return ;
				}
			});
    </script>
</body>
</html>
